<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="renderer" content="webkit"/>
	<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1,user-scalable=no"/>
	<title>网格</title>
	<!-- 基础css  -->
	<link rel="stylesheet" href="css/public.css" />
	<link rel="stylesheet" href="layui/css/layui.css" />
	<link rel="stylesheet" href="css/warning.css" />
	<!-- 首页css  -->
</head>
<body>
	<div class="wTop">
		<div class="wPublic">
			<a class="wTLogo" href="#this"><img src="images/logo.png"></a>
			<div class="fr">
				<a class="wTName" href="#this">
					<img src="images/name.png">
					<em>六小喵</em>
				</a>
				<a class="wTHome" href="#this" title="首页"><img src="images/home.png"></a>
				<a class="wTHome" href="#this" title="消息"><img src="images/news.png"><font>66</font></a>
				<a class="wTHome wTPeeler" href="#this" title="换肤"><img src="images/peeler.png"></a>
				<a class="wTHome" href="#this" title="退出"><img src="images/out.png"></a>
			</div>
		</div>
	</div>
	
	<!--内容-->
		<div class="wPublic">
			<ul class="waTop">
				<li class="layui-col-xs3 layui-col-md1"><a href="#this">安全报告</a><img src="images/arrow.png"></li>
				<li class="layui-col-xs3 layui-col-md1 cur"><a href="#this">失联监测</a><img src="images/arrow.png"></li>
				<li class="layui-col-xs3 layui-col-md1"><a href="#this">代办事件</a><img src="images/arrow.png"></li>
				<li class="layui-col-xs3 layui-col-md1"><a href="#this">历史预警</a><img src="images/arrow.png"></li>
			</ul>
			
			<!--table-->
				<div class="waPresentation">
					<div class="waPContent layui-col-md11">
						<div class="waPCTitle layui-col-md12">
							<em><a href="#this">失联监测</a>  > <a href="#this">计算机科学学院</a></em>
						</div>
						<div class="monitor_information_top">
							<span>计算机科学学院</span>&nbsp;&nbsp;&nbsp;&nbsp;失联监测概览
					    </div>
					    <ul class="align_both">
			              <li>
			                <strong class="color_red">1</strong>
			                <span><i class="focused_students_icon"></i>重点学生</span>
			              </li>
			              <li>
			                <strong class="color_red">120</strong>
			                <span><i class="warning_students_icon"></i>预警学生</span>
			              </li>
			              <li>
			                <strong>7</strong>
			                  <span title="7"><i class="today_trend_icon_risen"></i>今日新增</span>
			              </li>
			              <li>
			                <strong>11</strong>
			                <span><i class="month_total_icon"></i>今日解除</span>
			              </li>
			              <li>
			                <strong>6</strong>
			                <span><i class="all_teacher_icon"></i>辅导员总数</span>
			              </li>
			              <li>
			                <strong>2940</strong>
			                <span><i class="all_students_icon"></i>全部学生</span>
			              </li>
			            </ul>
			            <ul class="waSList">
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            	<li>
			            		<a href="#this" class="stu_info">
					              <div class="stu_info_img">
					                  <img src="images/201521063238.jpg">
					              </div>
					              <div class="listhi_mk">
					                <span>宁希洋</span>
					                <div class="f_rig ">
					                	31
					                </div>
					              </div>
					             </a>
			            	</li>
			            </ul>
					</div>
				</div>
			<!--table end-->
		
			
		</div>
	<!--内容 end-->
	
	<!--换肤-->
	<div class="wChange">
		<div class="wCTop">
			<div class="wPublic">
				<div class="wCTButton">
					<font>取消</font>
					<em>保存</em>
				</div>
				<img class="wCClose" src="images/wCClose.png">
			</div>
		</div>
		<div class="wPublic">
			<ul class="wCList">
				<li><img src="images/w1.png"><em></em></li>
				<li><img src="images/w2.png"><em></em></li>
				<li><img src="images/w3.png"><em></em></li>
				<li><img src="images/w4.png"><em></em></li>
				<li><img src="images/w5.png"><em></em></li>
				<li><img src="images/w6.png"><em></em></li>
				<li><img src="images/w7.png"><em></em></li>
				<li><img src="images/w8.png"><em></em></li>
				<li><img src="images/w9.png"><em></em></li>
				<li><img src="images/w10.png"><em></em></li>
				<li><img src="images/w11.png"><em></em></li>
				<li><img src="images/w12.png"><em></em></li>
			</ul>
		</div>
	</div>
	<div class="pos-max-box"></div>
	<!--换肤end-->
	
	<!--底部-->
	<div class="wFooter">
		<p>中国·湖北·武汉市洪山区民族大道182号 027-67842763,027-87532233</p>
		<p>版权所有© 2016 江汉大学 鄂ICP备05003346号 邮编 430074</p>
	</div>
	<script src="js/jquery-1.8.3.min.js"></script>
	<script src="js/index.js"></script>
	<script src="layui/layui.js" charset="utf-8"></script>
    <script>
    	$(function(){
    		layui.use(['laypage', 'layer' , 'form'], function(){
			  var laypage = layui.laypage
			  ,layer = layui.layer;
			  //总页数低于页码总数
			  laypage.render({
			    elem: 'demo0'
			    ,count: 150 //数据总数
			  });
			  
			  //表单
			  var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
			  
			  //……
			  
			  //但是，如果你的HTML是动态生成的，自动渲染就会失效
			  //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
			  form.render();
			});   
		});
    </script>
</body>
</html>
